﻿<!DOCTYPE html>
<html>
  <head>
    <title>外设直播</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/外设直播/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/外设直播/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u1949" class="ax_default _形状">
        <img id="u1949_img" class="img " src="images/外设直播/u1949.png"/>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u1950" class="ax_default" data-left="0" data-top="0" data-width="1458" data-height="1001">

        <!-- Unnamed (矩形) -->
        <div id="u1951" class="ax_default _形状">
          <img id="u1951_img" class="img " src="images/0-目录/u726.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u1952" class="ax_default _水平线">
          <img id="u1952_img" class="img " src="images/1_1-观看者页面/u739.png"/>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u1953" class="ax_default _文本段落" data-label="Header 2">
        <img id="u1953_img" class="img " src="images/1_1-观看者页面/header_2_u741.png"/>
        <div id="u1953_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">2.1.3-</span><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">外设直播</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1954" class="ax_default _文本段落">
        <img id="u1954_img" class="img " src="images/节目信息（暂不做）/u1104.png"/>
        <div id="u1954_text" class="text ">
          <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';">外设直播：</span></p>
        </div>
      </div>

      <!-- Unnamed (A03观看者-发起直播) -->

      <!-- Unnamed (组合 ) -->
      <div id="u1956" class="ax_default" data-left="0" data-top="0" data-width="301" data-height="531">

        <!-- Unnamed (矩形) -->
        <div id="u1957" class="ax_default _形状">
          <img id="u1957_img" class="img " src="images/观看者-流程图/u426.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1958" class="ax_default _形状">
          <img id="u1958_img" class="img " src="images/观看者-流程图/u416.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1959" class="ax_default _形状">
          <img id="u1959_img" class="img " src="images/观看者-流程图/u472.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1960" class="ax_default _形状">
          <img id="u1960_img" class="img " src="images/观看者-流程图/u472.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1961" class="ax_default _形状">
          <img id="u1961_img" class="img " src="images/观看者-流程图/u472.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1962" class="ax_default _形状">
          <img id="u1962_img" class="img " src="images/观看者-流程图/u475.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1963" class="ax_default _文本段落">
          <img id="u1963_img" class="img " src="images/观看者-流程图/u476.png"/>
          <div id="u1963_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">发起直播</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1964" class="ax_default _文本段落">
          <img id="u1964_img" class="img " src="images/观看者-流程图/u476.png"/>
          <div id="u1964_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">预设直播</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1965" class="ax_default _文本段落">
          <img id="u1965_img" class="img " src="images/观看者-流程图/u476.png"/>
          <div id="u1965_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">外设直播</span></p>
          </div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u1966" class="ax_default _水平线">
          <img id="u1966_img" class="img " src="images/观看者-流程图/u479.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u1967" class="ax_default _水平线">
          <img id="u1967_img" class="img " src="images/观看者-流程图/u479.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1968" class="ax_default _形状">
          <img id="u1968_img" class="img " src="images/观看者-流程图/u416.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1969" class="ax_default _形状">
          <img id="u1969_img" class="img " src="images/观看者-流程图/u482.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1970" class="ax_default _形状">
          <img id="u1970_img" class="img " src="images/观看者-流程图/u482.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1971" class="ax_default _形状">
          <img id="u1971_img" class="img " src="images/观看者-流程图/u482.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1972" class="ax_default _形状">
          <img id="u1972_img" class="img " src="images/观看者-流程图/u416.png"/>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u1973" class="ax_default _图片_">
          <img id="u1973_img" class="img " src="images/观看者-流程图/u486.png"/>
        </div>
      </div>

      <!-- Unnamed (倒三角形) -->
      <div id="u1974" class="ax_default _形状">
        <img id="u1974_img" class="img " src="images/观看者-流程图/u487.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1975" class="ax_default _形状">
        <img id="u1975_img" class="img " src="images/观看者-流程图/u417.png"/>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u1976" class="ax_default" data-left="166" data-top="129" data-width="61" data-height="17">

        <!-- Unnamed (矩形) -->
        <div id="u1977" class="ax_default _文本段落">
          <img id="u1977_img" class="img " src="images/观看者-流程图/u419.png"/>
          <div id="u1977_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">22：12&nbsp;&nbsp; </span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1978" class="ax_default _形状">
          <img id="u1978_img" class="img " src="images/观看者-流程图/u420.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1979" class="ax_default _形状">
        <img id="u1979_img" class="img " src="images/观看者-流程图/u421.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1980" class="ax_default _文本段落">
        <img id="u1980_img" class="img " src="images/观看者-流程图/u422.png"/>
        <div id="u1980_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">andy</span></p>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u1981" class="ax_default" data-left="43" data-top="192" data-width="297" data-height="112">

        <!-- Unnamed (矩形) -->
        <div id="u1982" class="ax_default _形状">
          <img id="u1982_img" class="img " src="images/观看者-流程图/u475.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1983" class="ax_default _文本段落">
          <img id="u1983_img" class="img " src="images/观看者-流程图/u476.png"/>
          <div id="u1983_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">发起直播</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1984" class="ax_default _文本段落">
          <img id="u1984_img" class="img " src="images/观看者-流程图/u476.png"/>
          <div id="u1984_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">预设直播</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1985" class="ax_default _文本段落">
          <img id="u1985_img" class="img " src="images/观看者-流程图/u476.png"/>
          <div id="u1985_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">外设直播</span></p>
          </div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u1986" class="ax_default _水平线">
          <img id="u1986_img" class="img " src="images/观看者-流程图/u479.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u1987" class="ax_default _水平线">
          <img id="u1987_img" class="img " src="images/观看者-流程图/u479.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1988" class="ax_default _形状">
        <img id="u1988_img" class="img " src="images/观看者-流程图/u426.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1989" class="ax_default _形状">
        <img id="u1989_img" class="img " src="images/观看者-流程图/u416.png"/>
        <div id="u1989_text" class="text ">
          <p><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">返回</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1990" class="ax_default _文本段落">
        <img id="u1990_img" class="img " src="images/外设直播/u1990.png"/>
        <div id="u1990_text" class="text ">
          <p><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">1，&nbsp; </span><span style="font-family:'微软雅黑';font-weight:400;"> </span><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">打开</span><span style="font-family:'微软雅黑';font-weight:400;">GoPro Hero</span><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">相机的网络按键</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1991" class="ax_default _文本段落">
        <img id="u1991_img" class="img " src="images/外设直播/u1991.png"/>
        <div id="u1991_text" class="text ">
          <p><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">2，&nbsp; 选择</span><span style="font-family:'微软雅黑';font-weight:400;">iphone“</span><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">设置</span><span style="font-family:'微软雅黑';font-weight:400;">”——“WiFi”</span><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">，连接</span><span style="font-family:'微软雅黑';font-weight:400;">“GoPro Hero”</span><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">网络</span><span style="font-family:'微软雅黑';font-weight:400;"> </span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1992" class="ax_default _文本段落">
        <img id="u1992_img" class="img " src="images/外设直播/u1992.png"/>
        <div id="u1992_text" class="text ">
          <p><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">提示：</span></p><p><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;"><br></span></p><p><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">链接</span><span style="font-family:'微软雅黑';font-weight:400;">GoPro</span><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">后，在的App上产生的一切流量会使用移动网络</span></p><p><span style="font-family:'微软雅黑';font-weight:400;"><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1993" class="ax_default _形状">
        <img id="u1993_img" class="img " src="images/外设直播/u1993.png"/>
        <div id="u1993_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">GoPro</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u1994" class="ax_default _水平线">
        <img id="u1994_img" class="img " src="images/外设直播/u1994.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1995" class="ax_default _文本段落">
        <img id="u1995_img" class="img " src="images/外设直播/u1995.png"/>
        <div id="u1995_text" class="text ">
          <p><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">完成后返回该页面，点击链接</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1996" class="ax_default _形状">
        <img id="u1996_img" class="img " src="images/外设直播/u1996.png"/>
        <div id="u1996_text" class="text ">
          <p><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">连接并开始直播</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u1997" class="compound ax_default _水平线" WidgetHeight="1" WidgetWidth="115" CompoundMode="true">
        <img id="u1997_img" class="singleImg img " src="images/外设直播/u1997.png"/>
        <div id="u1997p000" class="ax_vector_shape" WidgetTopLeftX="-0.475409836065574" WidgetTopLeftY="0" WidgetTopRightX="0.467213114754098" WidgetTopRightY="0" WidgetBottomLeftX="-0.475409836065574" WidgetBottomLeftY="0.166666666666667" WidgetBottomRightX="0.467213114754098" WidgetBottomRightY="0.166666666666667">
          <img id="u1997p000_img" class="img " src="images/外设直播/u1997p000.png"/>
        </div>
        <div id="u1997p001" class="ax_vector_shape" WidgetTopLeftX="-0.25" WidgetTopLeftY="-0.25" WidgetTopRightX="28.5" WidgetTopRightY="-0.25" WidgetBottomLeftX="-0.25" WidgetBottomLeftY="0" WidgetBottomRightX="28.5" WidgetBottomRightY="0">
          <img id="u1997p001_img" class="img " src="images/外设直播/u1997p001.png"/>
        </div>
        <div id="u1997p002" class="ax_vector_shape" WidgetTopLeftX="5.09090909090909" WidgetTopLeftY="0.05" WidgetTopRightX="-0.136363636363636" WidgetTopRightY="0.05" WidgetBottomLeftX="5.09090909090909" WidgetBottomLeftY="0" WidgetBottomRightX="-0.136363636363636" WidgetBottomRightY="0">
          <img id="u1997p002_img" class="img " src="images/图例/u14p002.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1998" class="ax_default _文本段落">
        <img id="u1998_img" class="img " src="images/外设直播/u1998.png"/>
        <div id="u1998_text" class="text ">
          <p><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">连接设备</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1999" class="ax_default _文本段落">
        <img id="u1999_img" class="img " src="images/外设直播/u1999.png"/>
        <div id="u1999_text" class="text ">
          <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';">连接（判断如果用户设备支持连接gopro）：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2000" class="ax_default _文本段落">
        <img id="u2000_img" class="img " src="images/预设直播-选择人群（暂不做）/u1683.png"/>
        <div id="u2000_text" class="text ">
          <p><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">根据不同的外设会给出不同的提示</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2001" class="ax_default _文本段落">
        <img id="u2001_img" class="img " src="images/节目信息（暂不做）/u1155.png"/>
        <div id="u2001_text" class="text ">
          <p style="font-size:36px;"><span style="font-family:'微软雅黑 Oblique', '微软雅黑 Regular', '微软雅黑';font-style:oblique;font-size:56px;color:#000000;">21</span><span style="font-family:'微软雅黑 Oblique', '微软雅黑 Regular', '微软雅黑';font-style:oblique;"> </span><span style="font-family:'微软雅黑 Oblique', '微软雅黑 Regular', '微软雅黑';font-style:oblique;color:#999999;">/ 61</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2002" class="ax_default _形状">
        <img id="u2002_img" class="img " src="images/外设直播/u2002.png"/>
        <div id="u2002_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">loading</span></p><p><span style="font-family:'微软雅黑';font-weight:400;"><br></span></p><p><span style="font-family:'微软雅黑';font-weight:400;">当前正在连接gopro并开启移动网络</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">大概需要1分钟左右，请耐心等待</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2003" class="ax_default _文本段落">
        <img id="u2003_img" class="img " src="images/外设直播/u2003.png"/>
        <div id="u2003_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">2，若连接gopro过程中出现问题，弹出dialog</span></p><p><span style="font-family:'微软雅黑';font-weight:400;"><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2004" class="ax_default _形状">
        <img id="u2004_img" class="img " src="images/外设直播/u2004.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2005" class="ax_default _形状">
        <img id="u2005_img" class="img " src="images/观看者-流程图/u426.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2006" class="ax_default _形状">
        <img id="u2006_img" class="img " src="images/观看者-流程图/u416.png"/>
        <div id="u2006_text" class="text ">
          <p><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">返回</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2007" class="ax_default _文本段落">
        <img id="u2007_img" class="img " src="images/外设直播/u2007.png"/>
        <div id="u2007_text" class="text ">
          <p><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">抱歉，这是一个新的功能，我们带着极客的心去开发这个功能</span></p><p><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;"><br></span></p><p><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">使用该功能需要您的手机进行root</span></p><p><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;"><br></span></p><p><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">请root后再次开启连接GoPro</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2008" class="ax_default _文本段落">
        <img id="u2008_img" class="img " src="images/外设直播/u1998.png"/>
        <div id="u2008_text" class="text ">
          <p><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">不支持连接</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2009" class="ax_default _文本段落">
        <img id="u2009_img" class="img " src="images/外设直播/u1999.png"/>
        <div id="u2009_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">连接成功，直接进入拍摄页面</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2010" class="ax_default _文本段落">
        <img id="u2010_img" class="img " src="images/外设直播/u2010.png"/>
        <div id="u2010_text" class="text ">
          <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';">1，点击连接并开始直播&nbsp; 弹出toast，并显示loading</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2011" class="ax_default _形状">
        <img id="u2011_img" class="img " src="images/外设直播/u2011.png"/>
        <div id="u2011_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">确定</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2012" class="ax_default _文本段落">
        <img id="u2012_img" class="img " src="images/外设直播/u1999.png"/>
        <div id="u2012_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">点击确定关闭dialog</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2013" class="ax_default _文本段落">
        <img id="u2013_img" class="img " src="images/外设直播/u2013.png"/>
        <div id="u2013_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">连接中出现错误</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">请检查1,goprowifi开启并连接中</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">2，尽量关闭当前其他连接过wifi记录</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
